.page-post {
  .page-post_post-oper-container {
    .post-oper-box {
      padding: 50px 80px 40px 60px;

      .post-oper-unit {
        display: flex;
        min-height: 50px;
        line-height: 50px;
        margin-bottom: 40px;

        .label {
          display: inline-block;
          width: 70px;
          text-align: right;
          margin-right: 20px;
        }

        .right {
          flex: 1;
        }

        &.title-box {
          .input {
            outline: none;
            border: 1px solid #EBEBEB;
            border-radius: 4px;
            padding: 0 35px;
            transition: 0.3s border-color;

            &:focus {
              border-color: #00C3FF;
            }

            &::-webkit-input-placeholder {
              color: #CCC;
            }
          }
        }

        &.content-box {
          .vditor {
            border-color: #EBEBEB;
            border-radius: 4px;
            transition: 0.3s border-color;
            cursor: text;

            &:hover {
              border-color: #00C3FF;
            }

            // 工具栏
            .vditor-toolbar {
              border-radius: 3px 3px 0 0;

              .vditor-toolbar--pin {
                height: 50px;
                border-radius: 4px 4px 0 0;
                border-color: #EBEBEB;
                background-color: #FCFCFC;
                display: flex;
                align-items: center;
              }
            }

            // 文本区
            div.vditor-content > div.vditor-ir > pre {
              border-radius: 0 0 4px 4px;
              background-color: white;
            }
          }
        }

        &.category-box {
          width: 300px;

          .select {
            outline: none;
            border: 1px solid #EBEBEB;
            border-radius: 4px;
            cursor: pointer;
            transition: 0.3s border-color;
            padding: 0 30px;

            &:focus {
              border-color: #00C3FF;
            }
          }
        }

        &.tag-box {
          align-items: center;

          .ant-select.ant-select-multiple.ant-select-show-search {
            flex: 1;

            .ant-select-selector {
              max-width: 870px;
              height: 50px;
              border-radius: 4px;
              overflow: auto;
            }
          }
        }

        &.auth-box {
          .radio-box {
            flex: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;

            .label {
              display: inline-block;
              width: auto;
              box-sizing: border-box;
              border: 1px solid #EBEBEB;
              color: #666;
              margin: 0;
              padding: 0 10px;
              cursor: pointer;
              user-select: none;

              &:first-of-type {
                border-radius: 4px 0 0 4px;
              }

              &:not(:last-of-type) {
                border-right: none;
              }

              &:last-of-type {
                border-radius: 0 4px 4px 0;
              }
            }

            .radio:checked + .label {
              border: 1px solid #00C3FF;
              color: #00C3FF;
            }

            .radio:checked + .label + .radio + .label {
              border-left: none;
            }
          }
        }

        &.submit-box {
          width: 100%;
          display: flex;
          justify-content: center;

          .button {
            width: 200px;
            outline: none;
            border: none;
            border-radius: 4px;
            background-color: #00C3FF;
            color: white;
            cursor: pointer;
            transition: 0.3s background-color;

            &:hover {
              background-color: #00D5FF;
            }
          }
        }
      }
    }
  }
}
